.post-relative-time-status {
	.gridicon {
		display: inline-block;
		margin: -4px 8px 0 0;
		vertical-align: middle;
	}

	// Apply colors on /posts/* cards
	.posts__list & {
		.is-sticky {
			color: $orange-jazzy;
		}
		.is-pending {
			color: $alert-yellow;
		}
		.is-scheduled {
			color: $blue-medium;
		}
		.is-trash {
			color: $alert-red;
		}
	}
}

.post-relative-time-status__time,
.post-relative-time-status__status {
	display: inline-block;
	margin-right: ( 11 / 12 ) * 1em;
}


.post-relative-time-status__time-text {
	display: inline-block;

	&::first-letter {
		text-transform: capitalize;
	}
}

.post-relative-time-status__status-text {
	text-transform: capitalize;
}
